<!DOCTYPE html>
<html>
	<head>
		<title>testModifierKeys</title>
		<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
		<script type="text/javascript" src="js/EventUtil.js"></script>
		
	</head>
	<body>
	
		<fieldset>
			<legend>01</legend>
			<div id="myDiv">
				<input type="button" id="myBtn" value="myBtn" />
			</div>
		</fieldset>
		
		<script type="text/javascript">
			/*
			EventUtil.addHandler(window,'load',function(){
				alert('this is after load!');
			});
			alert('this is load!')
			*/
			var div = document.getElementById('myDiv');
			
			EventUtil.addHandler(div,'click',function(event){
				event = EventUtil.getEvent(event);
				
				var keys = new Array();
				
				if(event.shiftKey){
					keys.push('shift');
				}
				
				if(event.ctrlKey){
					keys.push('ctrl');
				}
				
				if(event.altKey){
					keys.push('alt');
				}
				
				if(event.metaKey){
					keys.push('meta');
				}
				
				alert('keys: '+keys.join(','));
			
			});
		</script>
	</body>
</html>